<template>
	<view style="padding: 30px;">
		<button @click="onLog()">Console.log</button>
		<button @click="onLDebug()">Console.debug</button>
		<button @click="onLog()">Console.info</button>
		<button @click="onLog()">Console.warn</button>
		<button @click="onLog()">Console.error</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				myname:"yj"
				
			}
		},
		methods: {
			onLog(){
				// 打印一个日志
				console.log("onLog()--> Name:"+this.myname);
				console.log("clog+enter");
				
			},
			onDebug(){
				console.debug("onDebug")
			},
			onInfo(){
				console.oninfo("oninfo")
			},
			onWarn(){
				console.onwarn("onwarn")
				if(true){
					console.log("true");
				}else{
					console.warn("快出错了")
				}
			},
			onError(){
				console.onerror("onerror")
			},
			
		}
	}
</script>

<style>
	button{
		margin: 20px;
	}

</style>
